<template>
  <div>
    <TypeNav/>
    <ListContainer/>
    <Recommend/>
    <Rank/>
    <Like/>
    <Floor v-for="floor in floorList" :key="floor.id" :floorData="floor"/>
    <Brand/>
    
  </div>
</template>

<script>

// 引入组件
import ListContainer from "@/pages/Home/ListContainer"
import Like from "@/pages/Home/Like"
import Brand from "@/pages/Home/Brand"
import Rank from "@/pages/Home/Rank"
import Recommend from "@/pages/Home/Recommend"
import Floor from "@/pages/Home/Floor"
import { mapState } from 'vuex'

export default {
    name:"Home",
    components:{
      Like,
      ListContainer,
      Brand,
      Rank,
      Recommend,
      Floor
    },
    mounted() {
      this.$store.dispatch("home/floorList")
    },
    computed:{
      ...mapState("home",['floorList'])
    }
}
</script>

<style>

</style>